<template>
  <div id="app">
    <router-view/>
  </div>
</template>
<script>
// import  VConsole  from  'vconsole';
// let vConsole = new VConsole();
export default {
  created(){
    localStorage.setItem('offsetWidth', document.body.offsetWidth)
      localStorage.setItem('offsetHeight', document.body.offsetHeight)
  }
}
</script>
<style scoped lang="stylus" rel="stylesheet/stylus">
@import "/assets/stylus/variable"
  #app
    background: $color-default-background
</style>

<style>

html,body,#app,#app>div,.is-vertical{
  height: 100%;
}
.van-nav-bar__text{
  font-size: 24px
}
.van-actionsheet__cancel, .van-actionsheet__item{
  font-size:32px;
  font-family:SourceHanSansCN-Medium;
  font-weight:500;
  color:rgba(102,102,102,1);
  line-height:80px
}
.van-actionsheet__name{
  font-size:32px;
  font-family:SourceHanSansCN-Medium;
  font-weight:500;
  color:rgba(51,51,51,1);
  /* line-height:48px; */
}
.el-message--success .el-message__content{
  font-size: 32px;
}
.el-message .el-icon-success{
  font-size: 36px
}
.van-dialog__message{
  font-size: 36px;
}
.van-button__text{
  font-size: 30px;
  line-height: 80px
}
.van-button--large{
  height: initial;
}
.van-button{
  height: initial;
}
.el-loading-mask{
  z-index: 100  ;
}
.el-table__empty-text,.van-list__error-text, .van-list__finished-text, .van-list__loading-text{
  font-size: 30px;
}
</style>